<template>
	<div class="Counter-Container">
			<el-menu
			:default-active="ac3"
			class="el-menu-vertical-demo"
			@open="handleOpen"
			@close="handleClose"
			:router="true"
			active-text-color="#22ac38">



				<span>个人设置</span>

				<el-menu-item-group>

				<el-menu-item >个人信息</el-menu-item>
				<el-menu-item >操作证书</el-menu-item>
				<el-menu-item >待审核任务</el-menu-item>
				<el-menu-item >已审核任务</el-menu-item>
				<el-menu-item >我提交的审核任务</el-menu-item>
				</el-menu-item-group>
				

			<el-menu-item >

				<span slot="title">安全中心</span>
			</el-menu-item>

			
				<span>账户设置</span>

				<el-menu-item-group>
			
				<el-menu-item >商户信息</el-menu-item>
				<el-menu-item >发票信息</el-menu-item>
				<el-menu-item >API安全</el-menu-item>
				<el-menu-item >审核配置</el-menu-item>
				<el-menu-item >微信群管理</el-menu-item>
				<el-menu-item >员工账号管理</el-menu-item>
				<el-menu-item >刷脸智能设备</el-menu-item>
				<el-menu-item >微信商户终端</el-menu-item>
				</el-menu-item-group>
				
				
			<el-menu-item >

				<span slot="title">微信收款商业版</span>
			</el-menu-item>
			<el-menu-item >
			
				<span slot="title">微信支付</span>
			</el-menu-item>
			<el-menu-item >
			
				<span slot="title">消费者投诉</span>
			</el-menu-item>
			<el-menu-item >
			
				<span slot="title">违约记录</span>
			</el-menu-item>
			</el-menu>
			
			<div class="Counter-Container-View"></div>
	</div>
</template>

<script>
	export default{
		name:'CounterCenter',
		data(){
			return{
				ac3:'',
			}
		},
		methods:{
		
			handleOpen(){
			  
			},
			handleClose(){
			  
			}
			  
		},
		
		
	}
</script>

<style scoped>
.Counter-Container{

		display: flex;
		justify-content: center;

}
.Counter-Container-View{
	height: 90vh;
	width: 45vw;
	border: #0074D9 1px solid;
}
.el-menu{


}
.el-menu-vertical-demo:not(.el-menu--collapse) {
	width: 200px;
	min-height: 90vh;
}
</style>

